<template>
  <div class="code">
    <div class="left">
      <Input type="text" v-model="code"></Input>
    </div>
    <div class="right">
      <Button height="40" :loading="loading" @on-click="validatePhone">
        {{
        msg
        }}
      </Button>
    </div>
  </div>
</template>
<script>
import codemixins from "@libs/mixins/login/codemixins";
export default {
  name: "Code",
  mixins: [codemixins]
};
</script>
<style lang="stylus" scoped>
.code {
  height: 42px
  position: relative
  margin: 10px 0
  .left {
    position: absolute
    left: 0
    bottom: 0
    width: 220px
  }
  .right {
    position: absolute
    bottom: 0
    right: 0
    width: 90px
  }
}
</style>